/*顶部导航的大概布局*/
.top-nav{
    border-top: 1px solid #eee;
    border-bottom: 1px solid #ddd;
    box-shadow: 0 0 0 2px #ddd;
    background: #f9f9f9;
}
.top-nav .inner{
	width: 1170px;
	margin: 0 auto;
	/*border: 1px solid red;*/
}
.top-nav .left{
	float: left;
}
.top-nav .right{
	float: right;
}

.top-nav ul li{
	float: left;
}
/*设置顶部导航的所有a标签字体和行高*/
.top-nav a{
	font-size: 12px;
	line-height: 30px;
}
.top-nav li{
	height: 30px;
}

.top-nav .left li{
	padding-right: 8px;
}

/*收藏*/
.icon-collect{
	font-size: 13px;
}
#collect:hover .icon-collect{
	color: #f76120;
}
/*悬浮到收藏按钮上时按钮变实心*/
#collect:hover .icon-collect:before {
    content: "\e91a";
}

/*登陆*/
#login{
	color: #f76120;
	padding: 0 5px 0 10px ;
}
#login:hover{
	text-decoration: underline;
}

/*注册*/
#registe{
	border-right: 1px solid #ddd;
	padding: 0 10px 0 5px ;
}
#registe:hover{
	text-decoration: underline;
}



/*右边菜单*/
.top-nav .right a{
	/*竖线*/
	border-right: 1px solid #ddd;
	padding: 0 20px 0 12px;
	position: relative;
}
/*第一li标签和最后一个li标签里面的a  没有右边框*/
.top-nav .right li:first-child a,.top-nav .right li:last-child a{
	border-right: none;
}
/*第一个li标签的padding值小一些*/
.top-nav .right li:first-child a{
	padding-right: 8px;
}


/*悬浮文字变色*/
.top-nav .right a:hover{
	color: #826be1;
}


/*向下的三角箭头*/
.down-arrow{
	display: inline-block;
	height: 0;
	width: 0;
	border: 3px solid transparent;
	border-top-color: #999;
	position: absolute;
	top:7px;
	right: 8px;
	
}
/*悬浮箭头变色*/
.top-nav .right a:hover .down-arrow{
	border-top-color: #826be1;
	transform: rotateX(180deg);
	transform-origin: center 25%;
}